<script>
	export default {
		onLaunch: function() {
			console.log('App Launch')
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

<style lang="scss">
	/*每个页面公共css */
	@import "@/uni_modules/uview-ui/index.scss";
	@import "@/styles/quill.css";
	@import "@/styles/quill1.css";
	::v-deep .uni-tabbar .uni-tabbar__item .uni-tabbar__icon {
		width: 250rpx !important;
		height: 96rpx !important;
	}
	// 页面背景色
	page{
	background: #F2FDFF;						
	// background: #FFF;						
	}
	.tbody {
		box-sizing: border-box;
		position: absolute;
		width: 100%;
		padding: 24rpx 32rpx 140rpx 32rpx;
		background-color: #f2fdff !important;
	}

	// 学习活动的公共样式
	.articleBox {
		display: flex;
		padding: 24rpx;
		background-color: #f2fdff;
		margin-bottom: 16rpx;
		box-shadow: 0px 0px 8rpx 0px rgba(22, 193, 219, 0.1);
		.articleBox-image {
			width: 168rpx;
			height: 168rpx;
			margin-right: 24rpx;
			border-radius: 20rpx;
		}

		.articleBox-box {
			width: 446rpx;

			.headline {
				width: 360rpx;
				height: 36rpx;
				opacity: 1;
				font-size: 31rpx !important;
				font-weight: 400;
				line-height: 15px;
				color: rgba(20, 58, 64, 1);
				margin-bottom: 16rpx;
				white-space: nowrap;
				text-overflow: ellipsis;
				overflow: hidden;
			}

			.text {
				opacity: 0.5;
				line-height: 32rpx;
				font-size: 24rpx;
				color: rgba(20, 58, 64, 1);
				margin-bottom: 38rpx;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 2;
				text-overflow: ellipsis;
				overflow: hidden;

			}

			.state {
				display: flex;
				justify-content: space-between;
				vertical-align: middle;

				.state-left {
					font-size: 16rpx;
					font-weight: 400;
					color: rgba(22, 193, 219, 1);
					line-height: 50rpx;
				}

				.state-right-one {
					display: inline-block;
					text-align: center;

					image {
						width: 16rpx;
						height: 16rpx;
						margin-right: 11rpx;
					}

					text {
						font-size: 16rpx;
						font-weight: 400;
						color: rgba(20, 58, 64, 1);
						vertical-align: middle;

					}

				}
			}
		}

	}
</style>
